<template>
  <!-- 订单管理 -->
  <div class="order-container">
    <div class="order-row">
      <el-row :gutter="20">
        <el-col :span="24"><div class="grid-content bg-purple">1</div></el-col>
        <el-col :span="24"><div class="grid-content bg-purple-dark">1</div></el-col>
      </el-row>
    </div>
    <!-- <Footer /> -->
  </div>
</template>

<script>
// import Footer from '@/components/Footer/FooterName.vue'
export default {
  // components: {
  // Footer }

}
</script>

<style lang="scss" scoped>
.order-container{
  padding: 20px;

  .order-row{
    margin-bottom: 40px;
    .el-row {
    margin-bottom: 20px;
      &:last-child {
        margin-bottom: 0;
      }
    }
    .el-col {
      border-radius: 4px;
    }
    .bg-purple-dark {
      background: #99a9bf;
      // height: 390px;
    }
    .bg-purple {
      background: #d3dce6;
      height: 200px;
      margin-bottom: 20px;
    }
    .bg-purple-light {
      background: #e5e9f2;
    }
    .grid-content {
      border-radius: 4px;
      min-height: 36px;
    }
    .bg-purple-bottom {
      margin-top: 20px

    }

  }
}
</style>
